<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5语义化</title>
</head>
<body>
    <!-- 网页信息头部 -->
     <header>
        <h1>网页标题或logo</h1>
     </header>

     <!-- 网页导航信息 -->
      <nav>
        <ul>
            <il>
                <a href="#">首页</a>
            </il>
            <il>
                <a href="#">详细</a>
            </il>
            <il>
                <a href="#">其他</a>
            </il>
        </ul>
      </nav>

      <!-- 无具体意义，适合阅读 -->
       <main>
        <!-- 有意义的独立信息区域 -->
         <article>
            <header>
                <h1>新闻标题</h1>
                <h2>新闻副标题</h2>
            </header>
            <!-- section信息分区 -->
            <section>
                新闻作者，发表时间，阅读量
            </section>
            <section>
                新闻主要内容
            </section>
            <section>
                <p>评论</p>
                <article>
                    <h3>张三发表</h3>
                    <p>good</p>
                </article>
                <article>
                    <h3>李四发表</h3>
                    <p>well</p>
                </article>
            </section>
            <footer>
                作者简介
            </footer>
         </article>
         <!-- 与article独立相关内容 -->
          <aside>
            与文章相关内容
            <hr>
            <abbr title="光标停留提示">提示</abbr>
            <br>
            <dfn>定义术语</dfn>
            <br>
            <!-- 代码字样 -->
            <code>int i;</code>
            <br>
            <small>法律条文或规则说明</small>
            <br>
            <!-- input新增 -->
             <!-- 颜色校验 -->
            <input type="color" name="" id="">
            <!-- email校验 -->
            <input type="email" name="" id="">
            <!-- 电话校验 -->
            <input type="tel" name="" id="">
            <!-- 网址校验 -->
            <input type="url" name="" id="">
            <!-- 时间校验 -->
            <input type="date" name="" id="">
            <input type="month" name="" id="">
            <input type="week" name="" id="">
            <input type="time" name="" id="">
            <hr>
          </aside>
       </main>

      <!-- 网页信息底部 -->
       <footer>
        <p>底部信息</p>
        <address>地址：江西省九江市九江学院</address>
       </footer>
</body>
</html>